﻿@model IList<Shop.Wares.Models.Wares>
@{
    Layout = null;
}
<div class="related titleLine products-list">
    <h3 class="modtitle">@ViewBag.CName</h3>
    <div class="releate-products ">
        @foreach (var item in Model)
        {
            <div class="product-layout">
                <div class="product-item-container">
                    <div class="left-block">
                        <div class="product-image-container second_img " style="width:100%;height:0px;padding-bottom:100%;position:relative;">
                            <img src="@item.Url" alt="@item.WName" class="img-responsive" style=" width:100%;height:100%;position:absolute;" />
                            <!--第二张图片由于并没有加所以注释-->
                            <!--<img src="image/demo/shop/product/B9.jpg"  alt="Apple Cinema 30&quot;" class="img_0 img-responsive" />-->
                        </div>
                        @*<span class="label label-sale">火爆</span>*@
                        <a class="quickview visible-lg" data-fancybox-type="iframe" href="../Home/WaresProduct-@item.WID">查看详情</a>
                    </div>
                    <div class="right-block">
                        <div class="caption">
                            <h4><a href="#">@item.WName</a></h4>
                            <div class="price">
                                <span class="price-new">现价:@(item.PPrice)</span>
                                <span class="price-old">原价:@(item.OPrice)</span>
                                <span class="label label-percent">-@(Math.Round((item.OPrice - item.PPrice) / item.OPrice * 100, 1))%</span>
                            </div>
                            <div class="description item-desc hidden">
                                <p>@item.Describe</p>
                            </div>
                        </div>
                        <div class="button-group">
                            <button class="addToCart" type="button" data-toggle="tooltip" title="加入购物车" onclick="addshopcar('@item.WID','@item.WName','@item.Url')"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs">加入购物车</span></button>
                            @*<button class="wishlist" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="fa fa-heart"></i></button>
                            <button class="compare" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="fa fa-exchange"></i></button>*@
                        </div>
                    </div>
                </div>
            </div>
        }
    </div>
</div>
